<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : mg_100_01.jsp
    Description : 관리자 관리 조회 페이지
    author Seung Won
    since 2012. 7. 23.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 7. 23.     Seung Won     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/co/mn/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/co/mn/include/session.jspf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<%@ include file="/WEB-INF/jsp/co/mn/include/header.jspf" %>
<script type="text/javaScript" language="javascript">
<!--
$(document).ready(function() {
    /* form validation check */
    onloadCharCheck();
    
    $("#srchButn").bind("click", moveSearch);    // 검색
    $("#delButn").bind("click", delSubmit);    // 삭제
    $("#srchTxt").bind("keydown", eventEnter);    // 엔터키 제어
    $("#insButn").bind("click", moveInsert);    // 입력
    $("#updButn").bind("click", moveUpdPage);    // 엔터키 제어
    $("#authButn").bind("click", authInsert);    // 엔터키 제어
    
    $("input[name='dept2Cd']").click(function(){
            
        var idx2 = $("input[name='dept2Cd']").index(this);
        
        if($("input[name='dept2Cd']").eq(idx2).is(":checked") == true) {
            $("input[name='chkYN']").eq(idx2).val('Y');
        } else {
            $("input[name='chkYN']").eq(idx2).val('N');
        }
        
     });
         
    $("input[name='dept3Cd']").click(function(){
        
        var idx3 = $("input[name='dept3Cd']").index(this);
        
        if($("input[name='dept3Cd']").eq(idx3).is(":checked") == true) {
            $("input[name='chkYN']").eq(idx3).val('Y');
        } else {
            $("input[name='chkYN']").eq(idx3).val('N');
        }
        
        
     });
});

/*
 * 페이징 
 */
function movePage(num) {
    $("#currentPageNo").val(num);
    $("#mainForm").attr('target','_self');
    $("#mainForm").attr('action','/mg_100_01.do').submit();
}

/*
 * 검색
 */
function moveSearch() {
    
    if (!isSchrChk($("#srchTxt").val())) {
        alert("검색어에는 특수문자를 입력할 수 없습니다.");
        $("#srchTxt").focus();
        return false;
    }
    
    if($("#srchTxt").val().length == 0) {
        alert("검색어를 입력해주세요.");
        $("#srchTxt").focus();
        return false;
    }
    
    $("#currentPageNo").val("1");
    $("#mainForm").attr('target','_self');
    $("#mainForm").attr('action','/mg_100_01.do').submit();
}

/*
 * 검색 Text EnterKey 처리
 */
function eventEnter() {
    if (event.key == 13) {
        moveSearch();
    }
}

/*
 * 등록
 */
function moveInsert() {
    if (!validateForm($("#sub2Form"))) {
        return false;
    }
    
    if (!isSchrChk($("#sub2Form #mbrNm").val())) {
        alert("[이름] 은 특수문자(!#$%^&*|'<>-;)를 입력할 수 없습니다.");
        $("#mbrNm").focus();
        return false;
    }
    
    if (!getIDEmailCheck($("#sub2Form #mbrEml").val())) {
        alert("[이메일] 형식에 맞지 않습니다.");
        return false;
    }
    
    $("#sub2Form").attr('target','comIframe');
    $("#sub2Form").attr('action','/mg_100_02.do').submit();
}

/*
 * 수정, 등록 페이지 이동
 */
function moveUpdPage(idx) {
    $("#mainForm").attr('action','/mg_100_04.do').submit(); 
}

/*
 * 비밀번호 초기화
 */
function updPw(argIdx) {
    
    $("#mbrIdx").val(argIdx);
    
    $("#currentPageNo").val("1");
    
    $("#mainForm").attr('target','comIframe');
    $("#mainForm").attr('action','/mg_100_06.do').submit();
}

/*
 * 삭제처리
 */
function delSubmit() {
    
    if ($("input[name='arrIdx']").length < 1) return;
    
    var delIdx = "";
    
    for (var i = 0; i < $("input[name='arrIdx']").length; i++){
        if ($("input[name='arrIdx']").eq(i).is(":checked") == true ){
            delIdx = delIdx + $("input[name='arrIdx']").eq(i).val() + ","; 
        } 
    }
    
    if (delIdx == "") {
        alert("삭제할 항목을 선택해주세요.");
        return;
    }
    
    delIdx = delIdx.substring(0, delIdx.length-1);
    
    $("#delIdx").val(delIdx);
    $("#currentPageNo").val("1");
    
    $("#mainForm").attr('target','comIframe');
    $("#mainForm").attr('action','/mg_100_05.do').submit();
}

/*
 * 권한등록
 */
function authInsert(){
    
    var dcd1 = "";
    var dcd2 = "";
    var dcd3 = "";
    
    for (var i = 0; i < $("input[name='chkYN']").length; i++){
        if ($("input[name='chkYN']").eq(i).val() == 'Y' ){
            dcd1 = dcd1 + $("input[name='dept1Cd']").eq(i).val() + ","; 
            dcd2 = dcd2 + $("input[name='dept2Cd']").eq(i).val() + ",";
            
            if ($("input[name='dept3Cd']").eq(i).val() == ""){
                dcd3 = dcd3 + "0,"
            } else {
                dcd3 = dcd3 + $("input[name='dept3Cd']").eq(i).val() + ","; 
            }
            
        } 
    }
    
    if (dcd1 == "") {
        alert("권한을 입력해 주세요.");
        return;
    }
    
    dcd1 = dcd1.substring(0, dcd1.length-1);
    dcd2 = dcd2.substring(0, dcd2.length-1);
    dcd3 = dcd3.substring(0, dcd3.length-1);
    
    $("#arrDeptCd1").val(dcd1);
    $("#arrDeptCd2").val(dcd2);
    $("#arrDeptCd3").val(dcd3);

    $("#sub1Form").attr('target','comIframe');
    $("#sub1Form").attr('action','/mg_100_03.do').submit();

}

function moveDtl(argIdx){
    
    $("#authMbrIdx").val(argIdx);
    ajaxListSubm(argIdx);
}

/*
 * List형 Ajax
 */
function ajaxListSubm(argIdx) {
    var url = "/mg_100_08.do";
    var param = "mbrIdx="+argIdx;
    
    ajaxSubmit(url, param, callbackListJson);
}

function callbackListJson(jsonData) {
    var html = "";
    var evalData = eval(jsonData);
    
    if (evalData.jsonArray.length > 0 || evalData.jsonArray != null) {
        for (var i = 0; i < evalData.jsonArray.length; i++) {
            
            if(evalData.jsonArray[i].mbridx == "") {
                if (evalData.jsonArray[i].chkflag == "2") {
                    $("input[name='dept2Cd']").eq(i).attr('checked', false);
                } else if(evalData.jsonArray[i].chkflag == "3") {
                    $("input[name='dept3Cd']").eq(i).attr('checked', false);
                }
                $("input[name='chkYN']").eq(i).val('N');
            } else {
                if (evalData.jsonArray[i].chkflag == "2") {
                    $("input[name='dept2Cd']").eq(i).attr('checked', true);
                } else if(evalData.jsonArray[i].chkflag == "3") {
                    $("input[name='dept3Cd']").eq(i).attr('checked', true);
                }
                $("input[name='chkYN']").eq(i).val('Y');
            }
            
        }
    }
}

//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HMC GLOBAL CSR</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
        <div id="contents">
            <form id="mainForm" name="mainForm" method="post">
            <input type="hidden" id="currentPageNo" name="currentPageNo" value="${paginationInfo.currentPageNo}" />
            <input type="hidden" id="mbrIdx" name="mbrIdx" value="" />
            <input type="hidden" id="delIdx" name="delIdx" value="" />
            <input type="hidden" id="updList" name="updList" value="N" />

            <div class="searchWrap">
                <p class="pageResult flow">총&nbsp;<span>${paginationInfo.totalRecordCount}</span>건, 현재페이지 ${paginationInfo.currentPageNo}/${paginationInfo.totalPageCount} </p>
                <div class="search reverse">
                    <fieldset>
                        <legend class="invisible">Search</legend>
                        <select id="srchScn" name="srchScn">
                            <option value="" <c:if test="${rqInfo.srchScn == '' }"><c:out value="selected" /></c:if>>전체</option>
                            <option value="ID" <c:if test="${rqInfo.srchScn == 'ID' }"><c:out value="selected" /></c:if>>아이디</option>
                            <option value="NAME" <c:if test="${rqInfo.srchScn == 'NAME' }"><c:out value="selected" /></c:if>>이름</option>
                            <option value="EMAIL" <c:if test="${rqInfo.srchScn == 'EMAIL' }"><c:out value="selected" /></c:if>>이메일</option>
                        </select><input type="text" class="formSearch" id="srchTxt" name="srchTxt" value="${rqInfo.srchTxt }" title="검색어입력" minbyte="2" maxlength="10" /><input type="image" id="srchButn" name="srchButn" class="btnSearch" onClick="return;" src="/img/mng/btn/btn_search.gif" alt="검색" title="검색">
                    </fieldset>
                </div>
            </div>
            <table border="1" class="resultTable" summary="관리자 관리 표">
                <colgroup>
                    <col width="5%" />
                    <col width="6%" />
                    <col width="12%" />
                    <col width="12%" />
                    <col width="26%" />
                    <col width="12%" />
                    <col width="12%" />
                    <col width="17%" />
                </colgroup>
                <thead>
                    <tr>
                        <th><input type="checkbox" id="fCk" name="fCk" value="all" onclick="setAllChk(this, document.mainForm.arrIdx)" /></th>
                        <th>번호</th>
                        <th>ID</th>
                        <th>이름</th>
                        <th>이메일</th>
                        <th>메뉴별 권한</th>
                        <th>관리자 구분</th>
                        <th>비밀번호 초기화</th>
                    </tr>
                </thead>
                <tbody>
                    <c:choose>
                        <c:when test="${resultList != null && !empty resultList }">
                            <c:forEach var="result" items="${resultList }" varStatus="status">
                    <tr>
                        <td><input type="checkbox" id="arrIdx" name="arrIdx" value="${result.mbrIdx }" /></td>
                        <td>${result.blcNo }</td>
                        <td>${result.mbrId }</td>
                        <td>${result.mbrNm }</td>
                        <td><a href="mailto:${result.mbrEml }">${result.mbrEml }</a></td>
                        <td><a href="#layer1" class="layOpen" onClick="moveDtl('${result.mbrIdx }');">보기</a></td>
                        <td>일반관리자</td>
                        <td><input type="image" name="img" onclick="updPw('${result.mbrIdx }');return false;" src="/img/mng/btn/btn_reset.gif" alt="비밀번호 초기화" title="비밀번호 초기화" /></td>
                    </tr>
                            </c:forEach>
                        </c:when>
                        <c:otherwise>
                    <tr>
                        <td colspan="8">등록된 내용이 없습니다.</td>
                    </tr>
                        </c:otherwise>
                    </c:choose>
                </tbody>
            </table>
            </form>
            <div class="btnBoard">
                <span class="flow">
                    <input type="submit" id="delButn" name="delButn" title="삭제" value="삭제" />
                </span>
                <span class="reverse"> 
                    <input type="submit" id="updButn" name="updButn" title="수정" value="수정" />
                    <a href="#layer2" class="layOpen2">등록</a>
                </span>
            </div>
            <div class="pageNate">
                <able:pagination paginationInfo="${paginationInfo }" type="image" jsFunction="movePage" />    
            </div>
        </div>
    
    <!-- layPop -->
    <div id="layer1" class="layPop">
        <div class="layBg"></div>
        <div class="authority">
            <p class="layClose"><button type="button"><img src="/img/mng/btn/btn_lay_close.gif" alt="close" /></button></p>
            <form  id="sub1Form" name="sub1Form" method="post">
                <input type="hidden" id="authMbrIdx" name="authMbrIdx" value=""/>
                <input type="hidden" id="arrDeptCd1" name="arrDeptCd1" value=""/>
                <input type="hidden" id="arrDeptCd2" name="arrDeptCd2" value=""/>
                <input type="hidden" id="arrDeptCd3" name="arrDeptCd3" value=""/>
                <h3>사용권한</h3>
                <table border="1" class="authorityTable" summary="사용권한을 수정하는 표">
                    <colgroup>
                        <col width="32%" />
                        <col width="32%" />
                        <col width="36%" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th>1 Depth</th>
                            <th>2 Depth</th>
                            <th>3 Depth</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><span class="checkArea"><input type="hidden" id="dept1Cd" name="dept1Cd" value="1" />회원관리</td>
                            <td><label for="authority1"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="1"/> 회원관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="2" />메인관리</td>
                            <td><label for="authority1"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="2"/> 국문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="2" /></td>
                            <td><span class="checkArea"><label for="authority1"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="3"/> 영문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="3" />커뮤니티관리</td>
                            <td><span class="checkArea"><label for="authority1"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="4"/> 국문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="4" />공지/이벤트</td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="5"/> 공지관리</td>
                            <td><span class="checkArea"><label for="authority1"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="1" /> 국문관리</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="4" /></td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="5"/></td>
                            <td><span class="checkArea"><label for="authority1"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="2" /> 영문관리</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="4" /></td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="6"/> 이벤트관리</td>
                            <td><span class="checkArea"><label for="authority4-3"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="3" /> 국문관리</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="4" /></td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="6"/></td>
                            <td><span class="checkArea"><label for="authority4-4"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="4" /> 영문관리</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="4" /></td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="7"/>이벤트</td>
                            <td><span class="checkArea"><label for="authority4-5"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="5" /> 세잎클로버이벤트</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="4" /></td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="7"/></td>
                            <td><span class="checkArea"><label for="authority4-5"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="6" /> 사회공헌 공모사업</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="4" /></td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="7"/></td>
                            <td><span class="checkArea"><label for="authority4-5"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="7" /> H-Volunteers Designer</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="4" /></td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="7"/></td>
                            <td><span class="checkArea"><label for="authority4-5"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="10" /> H-Family Volunteers</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="5" /> CSR 소식관리</label></span></td>
                            <td><span class="checkArea"><label for="authority5-1"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="8"/> 국문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="5" /></td>
                            <td><span class="checkArea"><label for="authority5-2"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="9"/> 영문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="6" /> 참여후기</td>
                            <td><span class="checkArea"><label for="authority6"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="10"/> 국문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="7" />포토갤러리</td>
                            <td><span class="checkArea"><label for="authority7-1"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="11"/> 국문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="7" /></td>
                            <td><span class="checkArea"><label for="authority7-2"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="12"/> 영문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" />
                             </td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="9" /> 팝업관리</td>
                            <td><span class="checkArea"><label for="authority8-1"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="14"/> 국문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="9" /></td>
                            <td><span class="checkArea"><label for="authority8-2"><input type="checkbox" id="dept2Cd" name="dept2Cd" value="15"/> 영문관리</label></span></td>
                            <td><input type="hidden" id="dept3Cd" name="dept3Cd" value="" />
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="10" /> 뉴스레터</td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="16"/> 국문관리</label></span></td>
                            <td><span class="checkArea"><label for="authority9-1"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="8" /> 신청자 리스트</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                        <tr>
                            <td><input type="hidden" id="dept1Cd" name="dept1Cd" value="10" /> </td>
                            <td><input type="hidden" id="dept2Cd" name="dept2Cd" value="16"/> </label></span></td>
                            <td><span class="checkArea"><label for="authority9-2"><input type="checkbox" id="dept3Cd" name="dept3Cd" value="9" /> 뉴스레터 관리</label></span>
                                <input type="hidden" id="chkYN" name="chkYN" value="N" /></td>
                        </tr>
                    </tbody>
                </table>
                <span class="btnConfirm"><input type="submit" id="authButn" onClick="return false;" title="확인" value="확인" /></span>
            </form>
        </div>
    </div>
    <div id="layer2" class="layPop2">
            <div class="layBg"></div>
            <div class="adminReg">
                <p class="layClose"><button type="button"><img src="/img/mng/btn/btn_lay_close.gif" alt="close" /></button></p>
                <form id="sub2Form" name="sub2Form" method="post">
                <input type="hidden" id="currentPageNo" name="currentPageNo" value="1" />
                    <h3>관리자 등록</h3>
                    <div class="layform">
                        <span>
                            <label for="layName">이름</label>
                            <input type="text" id="mbrNm" name="mbrNm" minbyte="1" maxlength="13" title="이름" nullable="true" />
                        </span>
                        <span>
                            <label for="layId">ID</label>
                            <input type="text" id="mbrId" name="mbrId" minbyte="8" maxbyte="10" maxlength="10" title="ID" nullable="true" chartype="engnum" />
                        </span>
                        <span>
                            <label for="layEmail">이메일</label>
                            <input type="text" id="mbrEml" name="mbrEml" minbyte="1" maxlength="40" title="이메일" nullable="true" />
                        </span>
                    </div>
                    <span class="btnConfirm"><input type="submit" id="insButn" name="insButn" title="확인" value="확인" /></span>
                </form>
            </div>
    </div>
    <!-- /layPop -->
 
    <%
    // 등록 process 를 위한 iFrame Start
    %>
    <iframe name="comIframe" id="comIframe" src="about:blank" height="0" width="0"></iframe>
    <%
    // 등록 process 를 위한 iFrame END
    %>
</body>
</html>
